<!doctype html>
<html class="no-js" lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>系统主页</title>

    <link rel="shortcut icon" th:href="@{../favicon.ico}" type="image/x-icon"/>
    <!-- Place favicon.ico in the root directory -->
    <!-- CSS here -->
    <link rel="stylesheet" th:href="@{../css/down_style.css}">
    <link rel="stylesheet" th:href="@{../css/bootstrap.min.css}">
    <link rel="stylesheet" th:href="@{../css/fontawesome-all.min.css}">
    <link rel="stylesheet" th:href="@{../css/style.css}">
    <link rel="stylesheet" th:href="@{../lib/layui/css/layui.css}">
    <script th:src="@{../lib/layui/layui.js}"></script>
</head>
<body>


<!-- preloader  -->
<div id="preloader">
    <div class="ctn-preloader" id="ctn-preloader">
        <div class="animation-preloader">
            <div class="spinner"></div>
            <div class="txt-loading">
                        <span class="letters-loading" data-text-preloader="欢">
                            欢
                        </span>
                <span class="letters-loading" data-text-preloader="迎">
                            迎
                        </span>
                <span class="letters-loading" data-text-preloader="进">
                            进
                        </span>
                <span class="letters-loading" data-text-preloader="入">
                            入
                        </span>
                <span class="letters-loading" data-text-preloader="后">
                            后
                        </span>
                <span class="letters-loading" data-text-preloader="台">
                            台
                        </span>
                <span class="letters-loading" data-text-preloader="系">
                            系
                        </span>
                <span class="letters-loading" data-text-preloader="统">
                            统
                        </span>
            </div>
        </div>
        <div class="loader">
            <div class="row">
                <div class="col-3 loader-section section-left">
                    <div class="bg"></div>
                </div>
                <div class="col-3 loader-section section-left">
                    <div class="bg"></div>
                </div>
                <div class="col-3 loader-section section-right">
                    <div class="bg"></div>
                </div>
                <div class="col-3 loader-section section-right">
                    <div class="bg"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- preloader end -->


<!-- header-area -->
<header>
    <div class="header-top-wrap d-none d-md-block">
        <div class="container-fluid container-full">
            <div class="row align-items-center">
                <div class="col-lg-6 col-md-6">
                    <div class="d-flex align-items-center">
                        <div class="header-top-library">
                            <a>
                                <img alt="Logo" th:src="@{../images/logo.png}">
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6">
                    <div class="header-right-list">
                        <div class="header-user-login">
                            <a th:href="@{/}"><i class="fas fa-user-circle"></i>FLUSH</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="main-header menu-area header-style-two" id="sticky-header">

    </div>
</header>
<!-- header-area-end -->

<!-- main-area -->
<main>

    <!-- slider-area -->
    <section class="slider-area">
        <div class="slider-active">
            <div class="single-slider slider-bg" data-background="../images/background.png">
                <div class="container-fluid container-full">
                    <div class="row">
                        <div class="col-xl-7 col-lg-8">
                            <div class="slider-content" data-animation="fadeInUp" data-delay=".2s">
                                <h6><img alt="" th:src="@{../images/edstudy_icon.png}"> 欢迎访问系统</h6>
                                <h2>Xian University of Architecture and Technology
                                    <span>Ledget Management System </span>Welcome you
                                </h2>
                                <a class="btn" id="enterSys">进入系统</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- slider-area-end -->




</main>
<!-- main-area-end -->


<!-- footer-area -->
<footer>
    <div class="foot-copy">
        <a href="http://zwc.xauat.edu.cn/" style="color: white" target="_blank">CopyRight © 2021.西安建筑科技大学总务处 版权所有</a>
    </div>
</footer>
<!-- footer-area-end -->


<!-- JS here -->
<script th:src="@{../js/jquery-3.5.1.min.js}"></script>
<script th:src="@{../js/main.js}"></script>

<script>
    layui.use('layer', function () {
        var layer = layui.layer;
    })

    $(document).on('click', '#enterSys', function () {
        layer.msg("正在快马加鞭赶往登录页，请稍等...", {icon: 1, time: 2000, shade: 0.4}, function () {
            window.location.href = "/admin/login";
        })
    })
</script>
</body>
</html>
